<template>
  <div class="csii-dynamic-form-group">
    <div class="order_title" :style="{ 'text-align': titleAlign }">
      {{ title }}
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "csii-dynamic-form-group",

  props: {
    titleAlign: {
      type: String,
      required: false,
      default: "left"
    },
    title: {
      type: String,
      required: false,
      default: ""
    }
  }
};
</script>

<style scoped>
.order_title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 48px;
}
</style>
